<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>计算器页面布局</title>、
		<style type="text/css">
			#wrap{
				width: 410px;
				height: 450px;
				background-color: rgb(230,230,130);
				z-index: 0;
			}
			#result{
			height: 60px;
			width: 390px;
			border: solid 1px;
			z-index: 1;
			position: absolute;
			top: 60px;
			left: 20px;
			background-color: white;}
			#op{
				height: 310px;
				width: 390px;
				z-index: 1;
				position: absolute;
				top: 115px;
				left: 20px;
			}
			td{
				border: soild 1px black;
				width: 58px;
				height: 40px;
				margin: 10px;
				cursor: pointer;
			}
		</style>
	</head>
	<body>
		<div id="wrap">
			<img src="casio.bmp" >
			<div id="result"></div>
			<div id="op">
				<table cellspacing="30" border="1">
					<tr align="center">
						<td>1</td>
						<td>2</td>
						<td>3</td>
						<td>+</td>
					</tr>
					<tr align="center">
						<td>4</td>
						<td>5</td>
						<td>6</td>
						<td>-</td>
					</tr>
					<tr align="center">
						<td>7</td>
						<td>8</td>
						<td>9</td>
						<td>*</td>
					</tr>
					<tr align="center">
						<td>0</td>
						<td>=</td>
						<td>CE</td>
						<td>/</td>
					</tr>
				</table>
			</div>
		</div>
	</body>
</html>
